<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="${pageContext.request.contextPath }/js/jquery-1.7.2.min.js" type="text/javascript"></script>
<title>Insert title here</title>
	<script type="text/javascript">
		function f() {
			var xmlHttp;
			//判断浏览器的版本
			if(window.activeXObject){
				xmlHttp = new activeXObject("MicrosoftXMLhttp");
			}else{
				xmlHttp = new XMLHttpRequest();
			}
			//发送请求到后台（发送的方式，url，是否是异步）
			//xmlHttp.open("GET", "../Test?id=123", true);
			//xmlHttp.send(null);
			xmlHttp.open("POST", "../Test", true);
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			xmlHttp.send("id=123");
			
			//回调函数
			xmlHttp.onreadystatechange = function () {
			 	//xml文件状态
				if(xmlHttp.readyState==4){
				//服务器响应状态
					if(xmlHttp.status==200){ 
						alert(xmlHttp.responseText);						
			 		}
				} 
			};
		}
		function jqAjax() {
			$.ajax({
				url:'../Test',
				//请求中的参数
				data:'id=123',
				//请求的类型
				type:'post',
				//返回值的类型
				dataType:'json',
				//是否异步
				async:true,
				//回调函数
				success:function(data){
					alert(data.name);
				}
			});
		}
		
		
	</script>



</head>
<body>
	<button onclick="jqAjax()">点击</button>
</body>
</html>